<ion-header>
  <ion-toolbar>
    <ion-buttons slot="start">
      <ion-button (click)="onGoBack()">
        <ion-icon slot="icon-only" name="chevron-back-outline"></ion-icon>
      </ion-button>
    </ion-buttons>
    <ion-title>每日推荐</ion-title>
    <ion-buttons slot="end">
      <ion-button>
        <ion-icon slot="icon-only" name="apps-outline"></ion-icon>
      </ion-button>
    </ion-buttons>
  </ion-toolbar>
</ion-header>
<ion-content>
  <ion-card class="music-card">
    <ion-card-header>
      <img src="/assets/images/df-avatar.jpg" />
    </ion-card-header>
    <ion-card-content text-center>
      <h2>29 #Strafford APTS</h2>
      <p>Bon Iver — 22, A Million</p>

      <ion-progress-bar value={.25}></ion-progress-bar>

      <ion-button color="dark" fill="clear" size="small">
        <ion-icon slot="icon-only" name="shuffle"></ion-icon>
      </ion-button>
      <ion-button color="dark" fill="clear" size="large">
        <ion-icon slot="icon-only" name="play-back"></ion-icon>
      </ion-button>
      <ion-button color="dark" fill="clear" class="button-largest">
        <ion-icon slot="icon-only" name="play"></ion-icon>
      </ion-button>
      <ion-button color="dark" fill="clear" size="large">
        <ion-icon slot="icon-only" name="play-forward"></ion-icon>
      </ion-button>
      <ion-button color="dark" fill="clear" size="small">
        <ion-icon slot="icon-only" name="repeat"></ion-icon>
      </ion-button>
    </ion-card-content>
  </ion-card>
</ion-content>